變數資料類型有以下幾種：(較常用的為前三點)
１．數字

$num: 2;

$numsize: 16px;

２．字符串：可以有引號或沒有引號的字符串

$word: "AAA";

$imge: '../../photo.png';

３．顔色

$color-name: green;

$color-num: #FFCC00;

$color-site: rgb(255, 0, 0,0.5);

４．布林類型：true, false
５．空值：null
６．Lists(陣列)：
(1.) Lists不僅可以有單一個值，也可以有其他Lists，並用空格或逗號作分隔符，裡面的每個值稱作 item。
例如：
．１em ２em ﹐８em ９em
．(１em ２em) (８em ９em)

！！！特別注意空格需要加上括號，這樣才得以區分是兩個Lists。！！！

以上兩個都是一個Lists包了兩個 Lists。
同樣第一個 item 都是 List １em ２em，另一個 item 則都是 List ８em ９em

(2.) Lists常用來存放沒有鍵名的變數，當要從Lists裡取得資料時只能透過索引（1, 2, 3, 4）。

！！！SASS中的Lists(陣列)是從1開始算起的與一般陣列從０開始算起不同。！！！

(3.) Lists function

• nth function ：可以讀取 lists 內的 item。
• join function ：可以將多個 lists 連結再一起。
• append function ：可以將 items 添加到 lists 內。
• @each directive： 可以為 list 中的每一個 item 添加樣式。

／／ｓcｓｓ／／
$color: #000, #FFF, #ABC;
p {
    color: nth($color, ９);
}
// 透過 nth() 讀取 Lists 內的 item。

$index: ６;
// 傳入索引變數。

div {  
    color: nth($color, $index);
}

　編｜
　譯｜　透過 nth(變數,索引) 便能夠取得 List 裡的資料。　　
　後｜
　　Ｖ

／／ｃｓｓ／／
p {  
    color: #FFF;
}
div {  
    color: #ABC;
}

７．Maps（物件）：
(1.)可以自訂每個資料的鍵名。
(2.)Maps必須要透過括號包著，並用逗號分隔。
例如:

$map: (
  key1: value1,
  key2: value2,
  key3: value3,
);

(3.)Maps function (在後續D-27會有更詳細解說)

• map-get(map, key)：找到map裡的值。
• map-merge(map1, map2)：合併多個 map。
• map-remove(map, key)：移除指定的值
• map-keys(map)：列出指定 map 的全部 key
• map-values(map)：列出指定 map 的全部 value
• map-has-key(map, key)：確認 map 中是否有指定 key
• @each directive：為 map 中的每一個 key/value pair 添加樣式。

／／ｓcｓｓ／／
$linkColor: (
  Red: #ff0303,
  Yellow: #ffe203,
  Green: #03ff1c);
  
p:Yellow {
    color: map-get($linkColor, Yellow);
}
//輸入Yellow跳出顏色。
$Name: Green;

p:active  {
    color: map-get($linkColor, $Name);
}
//輸入一個鍵名名稱變數。

　編｜
　譯｜　透過 map-get(變數, 鍵名) 取得資料。　
　後｜
　　Ｖ

／／ｃｓｓ／／
p:Yellow {
  color: #ffe203;
}

p:active {
  color: #03ff1c;
}